.clientArticleList ul:nth-child(2) {
  border: 1px solid hotpink;
  margin-top: 10px;
  overflow: hidden;
  padding: 0;
  width: inherit;

  li {
    float: left;
    border: 1px solid blue;
    list-style: none;
    margin: 10px;
    width: 410px;
    height: 250px;

    .itemImage {
      margin: 25px 10px 25px 10px;
      float: left;
      width: 40%;
      height: 80%;
      border: 1px solid transparent;

      img {
        width: 170px;
        height: 200px;
        border: 1px solid red;
        border-radius: 20px;
        overflow: hidden;
      }
    }

    .itemInfo {
      margin: 5px;
      float: left;
      width: 50%;
      height: 100%;
      border: 1px solid transparent;

      * {
        margin: 10px;
      }

      .itemType {
        margin-top: 20px;
      }

      .itemInfo2 {
        margin: 0;
        height: 80px;
        border: 1px solid transparent;
      }
    }

    .itemButton {
      position: relative;
      top: -55px;
      left: 180px;

      button {
        margin: 0 5px;
      }
    }

  }
}

.clientFriendList ul:nth-child(2) {
  border: 1px solid hotpink;
  margin-top: 10px;
  overflow: hidden;
  padding: 0;
  width: inherit;

  li {
    float: left;
    border: 1px solid blue;
    border-radius: 20px;
    list-style: none;
    margin: 10px;
    width: 410px;
    height: 130px;

    .itemImage {
      margin: 25px 0 30px 10px;
      float: left;
      width: 25%;
      height: 80%;
      border: 1px solid transparent;

      img {
        width: 80px;
        height: 80px;
        border: 1px solid red;
        border-radius: 20px;
        overflow: hidden;
      }
    }

    .itemInfo {
      margin: 5px;
      float: left;
      width: 48%;
      height: 100%;
      border: 1px solid transparent;

      * {
        margin: 10px;
      }

      .itemTitle {
        margin-top: 20px;
        font-size: 18px;
      }
    }

    .itemButton {
      float: left;
      width: 0;

      button {
        display: inline;
        margin: 5px;
      }
    }

  }
}